<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import {setWaterMark,removeWatermark} from '@/utils/waterMark'
export default {
  name: 'App',
  methods:{
    addWatermark() {
      setWaterMark("河北彩花", );
    },
    removeMark(){
      removeWatermark()
    },
    setOtherWaterMark(data){
      if (data==='') data = '河北彩花'
      setWaterMark(data)
    }
  },
  mounted() {
    this.$EventBus.$on('addMark',this.addWatermark)
    this.$EventBus.$on('setOtherWaterMark',(data)=>{
      this.setOtherWaterMark(data)
    })
    this.$EventBus.$on('removeMark',this.removeMark)

  }

}
</script>
<style lang="scss">
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}

.flex{
  display: flex;
  align-items: center;
  justify-content: center;
}
/**修改全局的滚动条*/
/**滚动条的宽度*/
::-webkit-scrollbar {
  width: 6px;
}
// 滚动条的滑块
::-webkit-scrollbar-thumb {
  background-color: #62656A;
  border-radius: 3px;
}

// 修改表格(el-table)的滚动条
.el-table__body-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
// 滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #62656A;
  border-radius: 3px;
}
</style>
